<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" id="view" content="width=device-width minimum-scale=1, maximum-scale=1" />

  <title>TouchM :: Premium Multipurpose Responsive Theme</title>
  
  <!-- Included CSS Files (Compressed) -->
  <link rel="stylesheet" href="stylesheets/foundation.min.css">
  <link rel="stylesheet" href="stylesheets/app.css">
  <link rel="stylesheet" href="stylesheets/style1.css">
<link rel="stylesheet" href="stylesheets/color1.css">
  
  <!-- Plugins CSS -->
  <link href="plugins/titan/css/jquery.titanlighbox.css" rel="stylesheet" type="text/css">
  <link rel='stylesheet' id='camera-css'  href='plugins/camera/css/camera.css' type='text/css' media='all'> 
  
  <!-- Google Fonts --> 
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'> 
 
  <!-- Included JS Files (Compressed) -->
  <script src="javascripts/jquery.js"></script>
  <script src="javascripts/foundation.min.js"></script>
  <script src="javascripts/modernizr.foundation.js"></script> 
    
  <!-- Slider Revolution JS FILES  -->
  <script type="text/javascript" src="plugins/slider-revolution/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="plugins/slider-revolution/jquery.themepunch.revolution.min.js"></script>
  
  <!-- Camera Slider -->
  <script type='text/javascript' src='plugins/camera/scripts/jquery.mobile.customized.min.js'></script>
  <script type='text/javascript' src='plugins/camera/scripts/jquery.easing.1.3.js'></script> 
  <script type='text/javascript' src='plugins/camera/scripts/camera.min.js'></script> 
    
  <script>
		jQuery(function(){
			
			jQuery('#camera_wrap_1').camera({
				thumbnails: true
			});
			
		});
	</script>
  
  <!-- Tooltips -->
  <script type="text/javascript" src="javascripts/jquery.tipsy.js"></script>
  
  <!-- CarouFredSel plugin -->
  <script type="text/javascript"  src="javascripts/jquery.carouFredSel-6.0.3-packed.js"></script>
  <!-- optionally include helper plugins -->
  <script type="text/javascript"  src="javascripts/jquery.touchSwipe.min.js"></script>
  
  <!-- Titan Lightbox -->
  <script type="text/javascript" src="plugins/titan/js/prettify.js"></script>
  <script type="text/javascript" src="plugins/titan/js/jquery.titanlighbox.js"></script>
    
  <!-- Scripts Initialize -->
  <script src="javascripts/app-head.js"></script> 
  

  <!-- IE Fix for HTML5 Tags -->
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

</head>
<body>
<!-- Region 1 Wrap -->

  <div class="container region1wrap">  
         
    <!-- Top Header -->
  	<div class="row top_header">
    
        <div class="six columns">
        
    				<ul class="link-list">
  						<li><a href="#">Order Now</a></li>
  						<li><a href="#">Pricing</a></li>
  						<li><a href="#">Site Map</a></li>
					</ul> 
  			
  				
    				<div class="login">
            			<a href="#" class="button" data-reveal-id="Login">Login</a>
            		</div>


   	    </div>
        
        <div class="six columns">
        
        	<ul class="top_social">
  				<li><a class="has-tipsy" href="http://twitter.com/" title="Twitter"><img src="images/social/Twitter.png" alt="Twitter"></a></li>
  				<li><a class="has-tipsy" href="http://www.facebook.com/" title="Facebook"><img src="images/social/Facebook.png" alt="Facebook"></a>
  				<li><a class="has-tipsy" href="http://google.com/" title="Google"><img src="images/social/Google.png" alt="Google+"></a></li>
                <li><a class="has-tipsy" href="http://www.LinkedIn.com/" title="LinkedIn"><img src="images/social/LinkedIn.png" alt="LinkedIn"></a></li>
                <li><a class="has-tipsy" href="http://www.Flickr.com/" title="Flickr"><img src="images/social/Flickr.png" alt="Flickr"></a></li>
                <li><a class="has-tipsy" href="http://vimeo.com/" title="Vimeo"><img src="images/social/Vimeo.png" alt="Vimeo"></a></li>
  				<li><a class="has-tipsy" href="http://www.rss.com/" title="RSS"><img src="images/social/RSS.png" alt="RSS"></a></li>
			</ul>

		</div>
    
  	</div>
    <!-- End Top Header -->
    
  </div>
  
<!-- End Region 1 Wrap -->

<!-- Region 2 Wrap -->

<div class="container region2wrap">
  
	<div class="row">
    
    	<!-- Logo -->
            
    	<div class="three columns">

        	<a href="index.html" id="logo"><h1>Touch<span>M</span></h1></a>
        
  		</div>
        
        <!-- End Logo -->
        
        <!-- Main Navigation -->
        
        <div class="nine columns">

			<nav class="top-bar">
        
    			<ul>
      				<!-- Toggle Button Mobile -->
      				<li class="name">
        			<h1><a href="#"> Please select your page</a></h1>
      				</li>
      				<li class="toggle-topbar"><a href="#"></a></li>
                    <!-- End Toggle Button Mobile -->
    			</ul>



      			<section><!-- Nav Section -->
      			<ul class="right">
        
        			<li class="has-dropdown">
          				<a class="active" href="index.html">Home</a>
          				<ul class="dropdown">
            				<li><a href="index.html">Home Page - Default</a></li>
            				<li><a href="index-type1.html">Home Page Type 1</a></li>
                            <li><a href="index-type2.html">Home Page Type 2</a></li>
                            <li class="has-dropdown"><a href="#">TouchM Sliders</a>
                            	<ul class="dropdown">
            						<li><a href="index.html">Slider Revolution</a></li>
            						<li><a href="index-flexi.html">Flexislider</a></li>
                                    <li><a href="index-camera.html">Camera Slider</a></li>
                                </ul>
                            </li>
          				</ul>
        			</li>
        
        			<li class="has-dropdown">
        				<a  href="#">Features</a>
            			<ul class="dropdown">
            				<li><a href="about.html">About Us</a></li>
            				<li><a href="services.html">Services</a></li>
            				<li><a href="pricing.html">Pricing Tables</a></li>
            				<li><a href="shortcodes.html">Shortcodes</a></li>
            				<li><a href="notfound.html">404 Not Found</a></li>
            				<li><a href="under-construction.html">Under Construction</a></li>
            				<li class="has-dropdown"><a href="#">Third Navigation Level</a>
            					<ul class="dropdown">
            						<li><a href="#">This is a simple example</a></li>
            						<li><a href="#">Of the Third Level</a></li>
               					</ul>
            				</li>
            			</ul>        
        			</li>
        
        			<li class="has-dropdown">
          				<a href="#">Blog</a>
          					<ul class="dropdown">
                            	<li><a href="blog_sidebar_right.html">Blog Default</a></li>
                            	<li><a href="blog_type1.html">Blog Type 1</a></li>
                                <li><a href="blog_type2.html">Blog Type 2</a></li>         
            					<li><a href="blog_sidebar_right.html">Sidebar Right</a></li>
            					<li><a href="blog_sidebar_left.html">Sidebar Left</a></li>
            					<li><a href="blog_inner.html">Single Post</a></li>
          					</ul>
        			</li>
        
        			<li class="has-dropdown">
          				<a href="#">Portfolio</a>
          					<ul class="dropdown">             
            					<li><a href="portfolio_default.html">Portfolio Default (4 Columns)</a></li>         
            					<li><a href="portfolio_type1.html" class="">Portfolio 2 Columns</a></li>
            					<li><a href="portfolio_type2.html">Portfolio 3 Columns</a></li> 
                                <li><a href="portfolio_default.html">Portfolio 4 Columns</a></li>            
            					<li><a href="single-project.html">Single Project</a></li>
          					</ul>
        			</li>
        
        			<li><a href="contact.html">Contact</a></li>
        
      			</ul>
                </section><!-- End Nav Section -->

  			</nav>            
        
    	</div>
        
        <!-- End Main Navigation -->         
        
	</div>
    
</div>
  
<!-- End Region 2 Wrap -->

<!-- Region 3 Wrap -->

  <div class="container region3wrap">  
  
  	
     <!-- Main Slider --> 
     <div class="row">
        
        <!-- Camera Slider -->
        <div class="fluid_container">     
        	
    		<div class="camera_wrap" id="camera_wrap_1">
            	<div data-thumb="images/sliders/camera/thumbs/bridge.jpg" data-src="images/sliders/camera/bridge.jpg">
                	<div class="camera_caption fadeFromBottom">
                    	Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                	</div>
            	</div>
            
            	<div data-thumb="images/sliders/camera/thumbs/leaf.jpg" data-src="images/sliders/camera/leaf.jpg">
                	<div class="camera_caption fadeFromBottom">
                    	It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
                	</div>
            	</div>
            
            	<div data-thumb="images/sliders/camera/thumbs/road.jpg" data-src="images/sliders/camera/road.jpg">
                	<div class="camera_caption fadeFromBottom">
                    	<em>It's completely free</em> (even if a donation is appreciated)
                	</div>
            	</div>
            
            	<div data-thumb="images/sliders/camera/thumbs/sea.jpg" data-src="images/sliders/camera/sea.jpg">
                	<div class="camera_caption fadeFromBottom">
                    	Camera slideshow provides many options <em>to customize your project</em> as more as possible
                	</div>
            	</div>
            
            	<div data-thumb="images/sliders/camera/thumbs/shelter.jpg" data-src="images/sliders/camera/shelter.jpg">
                	<div class="camera_caption fadeFromBottom">
                    	It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins%2Fcamera%2F&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0&amp;user-agent=W3C_Validator%2F1.2" target="_blank">have a look</a>)
                	</div>
            	</div>
            	
                <div data-thumb="images/sliders/camera/thumbs/tree.jpg" data-src="images/sliders/camera/tree.jpg">
                	<div class="camera_caption fadeFromBottom">
                    	Different color skins and layouts available, <em>fullscreen ready too</em>
                	</div>
            	</div>
        	</div>
            
     	</div>        
        <!-- End Camera Slider -->
     
     </div>   
     <!-- End Main Slider -->
       
    
    <!-- Content Top -->  
  	<div class="row content_top">
       
        
        
    	<div class="twelve columns">
       
			<h2>We create custom-built, marketing-driven website solutions and online environments that ensure your brand delivers on form and functionality.</h2>

		</div>
        
        
        
  	</div>
    <!-- End Content Top -->
    
  </div>
  
<!-- End Region 3 Wrap -->

<!-- Region 4 Wrap -->

  <div class="container region4wrap">
  
  	<div class="row maincontent">
       
        <!-- Main Content ( Middle Content) -->
        
        <div class="twelve columns">

            <!-- Services -->        
        	<div class="row">
            
            	<!-- // // // // // // // // // // -->        
           
            	<div class="four columns">
        
        		     <div class="service">
        		        <a href="#"> 
                        	<div class="service-icon"><img src="images/icons/service-responsive.png" width="120" height="60" alt="Modern"></div>                           
                            <h2 class="service-main">Fully Responsive</h2>                            
                            <p class="service-sub">Accusantium et doloremque veritatis architecto, eaque ipsa quae ab illo inventore veritatis perspiciatis.</p>                            
                        </a>
                    </div>

   	   			</div>
            
            	<!-- // // // // // // // // // // -->
            
            	<div class="four columns">
        
        		     <div class="service">
        		        <a href="#">                            
                            <div class="service-icon"><img src="images/icons/service-touch.png" width="120" height="60" alt="Modern"></div>
                            <h2 class="service-main">Touch Support</h2>                            
                            <p class="service-sub">Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>                            
                        </a>
                    </div>

   	   			</div>
            
            	<!-- // // // // // // // // // // -->
            
            	<div class="four columns">
        
        		    <div class="service">
        		        <a href="#">                            
                            <div class="service-icon"><img src="images/icons/service-customization.png" width="120" height="60" alt="Modern"></div>
                            <h2 class="service-main">Easy Customization</h2>                            
                            <p class="service-sub">Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto beatae explicabo.</p>                            
                        </a>
                    </div>
 
   	   			</div>
            
            	<!-- // // // // // // // // // // -->
            
            </div>
            <!-- End Services -->
            
            <div class="row">
            	<div class="twelve columns">
            		<hr/>
            	</div>
            </div>
            
            <!-- Recent Work -->        
        	<div class="row">
        
				<div class="twelve columns">
        		
        			<h3>Recent Work</h3>
                    
					<!-- // // // // // // // // // // -->
            		<div class="list_carousel">
                    	<div class="carousel_nav">
                        <a class="prev" id="car_prev" href="#"><span>prev</span></a>
						<a class="next" id="car_next" href="#"><span>next</span></a>
                        </div>
                        <div class="clearfix"></div>
						<ul id="carousel-works">
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/1.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Skyde</a></h4>
        									<p>Travel far away to a old pirate space station.</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Skyde</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="single-project.html" class="view-item"><span>&nbsp;</span></a>
                                        <a class="titan-lb view-image" href="images/works/1.jpg" title="Skyde - Travel far away to a old pirate space station."><span>&nbsp;</span></a>                                     
                                        </div>                             
                                    </div>
                                    
								</div>        
               				</li>
                            
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/2.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Materialistic</a></h4>
        									<p>Another beatiful work done in a fast motion.</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Materialistic</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="single-project.html" class="view-item"><span>&nbsp;</span></a>
                                        <a class="titan-lb view-image" href="images/works/2.jpg" title="Materialistic - Inventore veritatis et quasi architecto beatae."><span>&nbsp;</span></a>                                        </div>                             
                                    </div>
                                                                        
								</div>             
                            </li>
                            
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/3.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Shadowgate Entrance</a></h4>
        									<p>Start moving and never look back you will.</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Shadowgate Entrance</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="single-project.html" class="view-item"><span>&nbsp;</span></a>
                                         <a class="titan-lb view-image" href="images/works/3.jpg" title="Shadowgate Entrance - Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium."><span>&nbsp;</span></a>                                      
                                        </div>                             
                                    </div>
                                                                        
								</div>  
                            </li>
                            
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/4.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Where The Forgotten</a></h4>
        									<p>The cold sky stands still, there is no wind...</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Where The Forgotten</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="single-project.html" class="view-item"><span>&nbsp;</span></a>
                                        <a class="titan-lb view-image" href="images/works/4.jpg" title="Where The Forgotten - Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium."><span>&nbsp;</span></a>                                       
                                        </div>                             
                                    </div>
                                                                        
								</div>
                            </li>
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/5.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Skyde</a></h4>
        									<p>Travel far away to a pirate space station.</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Skyde</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="#" class="view-item"><span>&nbsp;</span></a>
                                        <a href="#" class="view-image"><span>&nbsp;</span></a>                                       
                                        </div>                             
                                    </div>
                                    
								</div>        
               				</li>
                            
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/6.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Materialistic</a></h4>
        									<p>Another beatiful work done in a fast motion.</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Materialistic</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="#" class="view-item"><span>&nbsp;</span></a>
                                        <a href="#" class="view-image"><span>&nbsp;</span></a>                                       
                                        </div>                             
                                    </div>
                                                                        
								</div>             
                            </li>
                            
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/7.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Shadowgate Entrance</a></h4>
        									<p>Start moving and never look back you will.</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Shadowgate Entrance</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="#" class="view-item"><span>&nbsp;</span></a>
                                        <a href="#" class="view-image"><span>&nbsp;</span></a>                                       
                                        </div>                             
                                    </div>
                                                                        
								</div>  
                            </li>
                            
							<li>
								<div class="work-item contentHover"> 
                                                               
       								<div class="content"> 
       									<div class="work-item-image">        
        									<img src="images/works/8.jpg" alt="" />
        								</div>
        	
            							<div class="work-item-content">
        									<h4><a href="#">Where The Forgotten</a></h4>
        									<p>The cold sky stands still, there is no wind...</p>
            							</div>            
        							</div>
        
        							<div class="hover-content">
                                    	<h3><a href="#">Where The Forgotten</a></h3>                                    
                                    	<p>Inventore veritatis et quasi architecto beatae dicta sed ut perspiciatis unde omnis iste natus laudantium.</p>  
                                        <div class="hover-links">
                                        <a href="#" class="view-item"><span>&nbsp;</span></a>
                                        <a href="#" class="view-image"><span>&nbsp;</span></a>                                       
                                        </div>                             
                                    </div>
                                                                        
								</div>
                            </li>

						</ul>
						<div class="clearfix"></div>
                 	</div>
                    <!-- // // // // // // // // // // -->
                    
   	   			</div>  
           
            </div>
            <!-- End Recent Work -->  
            
            <div class="row">
            	<div class="twelve columns">
            		<hr/>
            	</div>
            </div>
            
            <!-- Our Partners -->        
        	<div class="row">
            
            	<div class="twelve columns">        		
                
        			<h3>Our Partners</h3>
                
					<ul class="clients_list">
                		<li class="three"><a class="has-tipsy" href="#" title="Site Templates and Themes"><img src="images/logos/1.png" alt="Apple"></a></li>
                    	<li class="three"><a class="has-tipsy" href="#" title="Awesome Stock Graphics"><img src="images/logos/2.png" alt="EA"></a></li>
                    	<li class="three"><a class="has-tipsy" href="#" title="PHP, JS, Java and .NET"><img src="images/logos/3.png" alt="Adidas"></a></li>
                    	<li class="three"><a class="has-tipsy" href="#" title="Stock Motion Graphics"><img src="images/logos/4.png" alt="NASA"></a></li>
                	</ul>                    
                             
   	   			</div>
           
         	</div>
            <!-- End Our Partners -->       
     
        </div>
        <!-- End Main Content ( Middle Content) -->
        
  	</div>
  </div>
  
<!-- End Region 4 Wrap -->

<!-- Region 9 Wrap -->

  <div class="container region9wrap">
  
  	 <!-- Bottom Content -->
    <div class="row content_bottom">
    
    	<!-- // // // // // // // // // // -->
        
    	<div class="eight columns">
       
			<h2>Sign up for our newsletter</h2>
            <p>Keep up-to-date with the latest news and updates by subscribing to our newsletter.</p>
            
		</div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
			<div class="row collapse newsletter-input">
				<div class="eight mobile-three columns">
					<input type="text" placeholder="Enter your email address" />
				</div>
				<div class="four mobile-one columns">
					<a href="#" class="button expand">Subscribe</a>
				</div>
			</div>
		</div>
        
        <!-- // // // // // // // // // // -->        
        
  	</div>
    <!-- End Bottom Content -->
    
    <!-- Footer -->  
  	<div class="row footer">
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
        	<h4>About Us</h4>
        	<p>We say what we do, we do what we say, and we're looking forward to prove it to you.</p>
      		<ul class="vcard">
                <li class="address">001 Some Street. Los Angeles, CA, 12345. USA</li>
				<li class="tel"><a href="1234567890">(123) 456-7890</a></li>
                <li class="email"><a href="office@TouchM.com">office@TouchM.com</a></li>
			</ul>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
        	<h4>Latest Posts</h4>
			
            <ul class="footer-list">
            	<li><a href="#">Mauris pellentesque laoreet lacus non condimentum.</a></li>
  				<li><a href="#">Vestibulum vel diam orci vitae.</a></li>
                <li><a href="#">Suspendisse elementum magna sed lorem faucibus eleifend.</a></li>
  				<li><a href="#">Phasellus placerat convallis congue.</a></li>
  				<li><a href="#">Etiam vehicula lacus fringilla lacus tristique pretium.</a></li>
			</ul>  

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="four columns">
        
            <h4>Latest Tweets</h4>
            
			<ul class="footer-list twitter">
  				<li>@4grafx  Go Mobile - 'Quickr – WordPress Responsive HTML 5 Premium Template'<a href="#">goo.gl/1HQER</a><a class="twit-date">28 minutes ago</a></li>
            	<li>@4grafx  20+ Enhancing CSS3 tools and generators <a href="#">goo.gl/1HQER</a><a class="twit-date">2 days ago</a></li>   
			</ul> 

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
  	</div>
    <!-- End Footer -->
    
  </div>
  
<!-- End Region 9 Wrap -->

<!-- Region 10 Wrap -->

  <div class="container region10wrap">
  
  	<div class="row footer_bottom">
       
        <!-- Bottom -->
        
        <!-- // // // // // // // // // // -->
        
        <div class="six columns">
        
        	<p class="copyright">© 2012 TouchM by 4GraFx. All rights reserved</p>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <div class="six columns">
        
			<ul class="link-list">
  				<li><a href="#">Home</a></li>
  				<li><a href="#">Pages</a></li>
  				<li><a href="#">Blog</a></li>
  				<li><a href="#">Porfolio</a></li>
  				<li><a href="#">Contact</a></li>
			</ul>

   	    </div>
        
        <!-- // // // // // // // // // // -->
        
        <!-- Bottom -->
        
  	</div>
  </div>
  
<!-- End Region 10 Wrap -->

  
  
  <!-- Included JS Files (Uncompressed) -->
  <!--
  
  <script src="javascripts/jquery.js"></script>
  
  <script src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
  
  <script src="javascripts/jquery.foundation.forms.js"></script>
  
  <script src="javascripts/jquery.foundation.reveal.js"></script>
  
  <script src="javascripts/jquery.foundation.navigation.js"></script>
  
  <script src="javascripts/jquery.foundation.buttons.js"></script>
  
  <script src="javascripts/jquery.foundation.tabs.js"></script>
  
  <script src="javascripts/jquery.foundation.tooltips.js"></script>
  
  <script src="javascripts/jquery.foundation.accordion.js"></script>
  
  <script src="javascripts/jquery.placeholder.js"></script>
  
  <script src="javascripts/jquery.foundation.alerts.js"></script>
  
  <script src="javascripts/jquery.foundation.topbar.js"></script>
  
  -->
  
<!-- Back To Top -->
  <a href="#" class="scrollup">Scroll</a>
<!-- End Back To Top -->
  
<!-- Reveal Modal --> 
  <div id="Login" class="reveal-modal login-modal">
  
    <h2>Login</h2>
    <p>Please login using your credentials recived by email when you register.</p>
    	<form>
  			<label>Username</label>  
  			<input type="text" placeholder="UserName@TouchM.com" />
  
  			<label>Password</label>
  			<input type="text" placeholder="insert password" />
  
  			<p class="right"><a href="http://forums.orpalis.com/ucp.php?mode=sendpassword">I forgot my password</a> | <a href="http://forums.orpalis.com/ucp.php?mode=resend_act">Resend activation e-mail</a></p>

  			<input type="submit" class="medium button" value="Login!">
  
		</form>
    
    	<a class="close-reveal-modal">&#215;</a>
    
  </div>   
<!-- End Reveal Modal -->

<!-- FlexSlider -->
<script defer src="plugins/flexislider/jquery.flexslider.js"></script>
  
<!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script>
  
</body>
</html>
